<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Библия - синодальный перевод</title>

    <!-- Bootstrap core CSS -->
    <link href="resources/css/bootstrap.css" rel="stylesheet">
    <link href="resources/css/bootstrap-glyphicons.css" rel="stylesheet">

    <!-- Custom styles -->
    <link href="resources/css/app.css" rel="stylesheet">
</head>

<body>

<!-- Static navbar -->
<div class="navbar navbar-fixed-top">
    <div class="container">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Библия - RST</a>

        <div class="nav-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a id="nav-book" href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-book"></span> Книга <b class="caret"></b></a>
                    <table class="table dropdown-menu">
                        <thead>
                        <tr>
                            <th colspan="2">Ветхий завет</th>
                            <th>Новый завет</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><a href="#">Быт</a></td>
                            <td><a href="#">Лев</a></td>
                            <td><a href="#">Матф</a></td>
                        </tr>
                        <tr>
                            <td><a href="#">Исх</a></td>
                            <td><a href="#">Быт</a></td>
                            <td><a href="#">Марк</a></td>
                        </tr>
                        </tbody>
                    </table>
                </li>
                <li class="dropdown">
                    <a id="nav-chapter" href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-th"></span> Глава <b class="caret"></b> </a>
                    <div class="dropdown-menu">
                        <a class="btn btn-link" href="#">1</a>
                        <a class="btn btn-link" href="#">2</a>
                        <a class="btn btn-link" href="#">3</a>
                        <a class="btn btn-link" href="#">4</a>
                        <a class="btn btn-link" href="#">5</a>
                        <a class="btn btn-link" href="#">6</a>
                    </div>
                </li>
            </ul>
            <ul class="nav navbar-nav pull-right">
                <li><a href="#" title="Параллельные места"><span class="glyphicon glyphicon-road"></span></a></li>
                <li><a href="#" title="Поиск"><span class="glyphicon glyphicon-search"></span></a></li>
                <li><a href="#" title="Закладки"><span class="glyphicon glyphicon-bookmark"></span></a></li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>

<div class="container" style="padding-top: 50px;">

    <h2><span id="book-header">Бытие</span> <span id="book-chapter">1</span></h2>

    <p id="chapter-content">
        <span class="verse">
            <b>1</b>
            This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.
        </span>
        <span class="verse">
            <b>2</b>
            This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work.
        </span>
        <span class="verse">
            <b>3</b>
            It includes the responsive CSS and HTML, so it also adapts to your viewport and device.
        </span>
    </p>
</div>

</div>
<!-- /container -->


<!-- JavaScript plugins (requires jQuery) -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="resources/js/bootstrap.min.js"></script>
<!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) -->
<!--<script src="resources/js/respond.min.js"></script>-->
<!-- Custom application code -->
<script src="resources/js/app.js"></script>
</body>
</html>